html, body, .layui-layout {height: 100%}
body .readonly_bg {background: #eee}
.pear-admin .layui-header, .pear-admin .layui-body, .pear-admin .layui-logo, .pear-admin .layui-side, .pear-admin .layui-header .layui-layout-left {transition: all .3s}
.pear-admin.banner-layout .layui-side {top: 60px !important}
.pear-admin.banner-layout .layui-side .layui-logo {display: none}
.pear-admin.banner-layout .layui-header .layui-logo {display: inline-block}
.pear-admin.banner-layout .layui-side .layui-side-scroll {height: 100% !important}
.pear-admin.banner-layout .layui-side .layui-side-scroll {height: 100% !important}
.pear-admin .layui-header.dark-theme .layui-layout-control .layui-this * {background-color: rgba(0, 0, 0, .1) !important}
.pear-admin.banner-layout .layui-header {z-index: 99999;width: 100%;left: 0px}
.pear-admin.banner-layout .layui-header .layui-layout-left {left: 230px}
.pear-admin.banner-layout .layui-header .layui-logo .title {top: 2px}
.pear-admin.banner-layout .layui-header .layui-layout-control {display: inline-block;left: 370px}
.pear-admin.banner-layout .layui-header.dark-theme {box-shadow: 2px 0 6px rgb(0 21 41 / 35%)}
.pear-admin .layui-header .layui-logo {display: none}
.pear-admin .layui-logo .title {font-size: 20px}
.pear-admin .layui-layout-right .layui-nav-child {border: 1px solid whitesmoke;border-radius: 4px;margin-top: -10px}
.pear-admin .layui-header {left: 230px;width: calc(100% - 230px);background-color: white;border-bottom: 1px solid whitesmoke}
.pear-admin .layui-layout-control {left: 140px;position: absolute}
.pear-admin .layui-layout-control .layui-nav {padding: 0px}
.pear-admin .layui-logo {width: 230px;height: 59px;line-height: 59px;position: relative;background-color: #28333e;border-bottom: 1px solid rgba(0, 0, 0, .12)}
.pear-admin .layui-logo img {width: 34px;height: 34px}
.pear-admin .layui-logo .title {font-size: 21px;font-weight: 550;color: #5fb878;position: relative;top: 5px;margin-left: 5px}
.pear-admin .layui-logo .logo {display: none}
.pear-admin .layui-side {top: 0px;width: 230px;box-shadow: 2px 0 6px rgba(0, 21, 41, .35);z-index: 9999}
.pear-admin .layui-side-scroll::-webkit-scrollbar {width: 0px;height: 0px}
.pear-admin .layui-side-scroll {height: calc(100% - 60px) !important;background-color: #28333e;width: 247px}
.pear-admin .layui-header .layui-nav .layui-nav-item > a {color: black;font-size: 15px}
.pear-admin .layui-body {left: 230px;bottom: 0px;padding-bottom: 0px}
.pear-admin .layui-layout-left {left: 0px}
.pear-mini .layui-side .layui-logo .title {display: none}
.pear-mini .layui-side .layui-logo .logo {display: inline-block}
.pear-mini .layui-side {width: 60px}
.pear-mini .layui-header {left: 60px;width: calc(100% - 60px)}
.pear-mini .layui-body {left: 60px}
.pear-mini .layui-side .layui-logo {width: 60px}
.pear-mini .layui-nav-tree .layui-nav-item span {display: none}
.pear-mini .bottom-nav li {width: 100% !important}
.pear-mini .layui-side-scroll {height: calc(100% - 60px)}
.pear-admin .layui-header .layui-nav .layui-nav-bar {top: 0px !important;height: 2px !important;background-color: #5fb878}
.pear-admin .layui-header .layui-nav .layui-this:after {display: none}
.pear-admin .layui-header .layui-nav-more {display: none}
.pear-collasped-pe {display: none;width: 50px;position: absolute;z-index: 400000;bottom: 30px;right: 30px;background-color: #5fb878 !important;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;box-shadow: 2px 0 6px rgba(0, 21, 41, .35)}
.pear-collasped-pe a {color: white !important}
@media screen and (min-width: 768px) {
  .layui-hide-sm {display: inline-block !important}
}
@media screen and (min-width: 769px) {
  .layui-hide-sm {display: none !important}
}
.layui-layer-setwin .layui-layer-close11 {background-position: 1px -40px;cursor: pointer}
@media screen and (max-width: 768px) {
  .collaspe {display: none !important}
  .pear-collasped-pe {display: inline-block !important}
  .layui-layout-control {left: 45px !important}
  .layui-layout-left {padding-left: 10px;padding-right: 10px}
  .pear-mini .bottom-nav {display: none}
  .pear-mini .layui-side-scroll {height: calc(100% - 62px)}
  .pear-mini .layui-side {width: 0px}
  .pear-mini .layui-header {left: 0px;width: 100%}
  .pear-mini .layui-body {left: 0px}
  .pear-mini .layui-logo {width: 0px}
  .pear-admin .layui-body {left: 0px}
  .pear-admin .layui-header {left: 0px;width: 100%}
  .pear-admin .pear-cover {width: 100%;height: 100%;background-color: #1e1e1e;display: block;position: absolute;z-index: 1000;opacity: 0;margin-top: -60px}
  .pear-mini .pear-cover {display: none}
}
@-webkit-keyframes am-horizontal-roll_show {
  0% {opacity: 1;-webkit-transform: translateX(2000px);transform: translateX(2000px)}
  100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
}
@keyframes am-horizontal-roll_show {
  0% {opacity: 1;-webkit-transform: translateX(800px);-ms-transform: translateX(800px);transform: translateX(800px)}
  100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
}
.layer-anim-right {-webkit-animation: am-horizontal-roll_show .6s ease-out;animation: am-horizontal-roll_show .6s ease-out}
.light-theme.layui-side {box-shadow: 2px 0 8px 0 rgba(29, 35, 41, .05) !important}
.light-theme.layui-side .layui-logo {background-color: white !important;color: black !important;border-bottom: 1px whitesmoke solid}
.light-theme.layui-side .layui-side-scroll {background-color: white !important;color: black !important}
.dark-theme.layui-header {border-bottom: none;background-color: #28333e;color: whitesmoke}
.dark-theme.layui-header li > a {color: whitesmoke !important}
.dark-theme.layui-header .layui-logo {box-shadow: none;border: none}
.light-theme.layui-header .layui-logo {background-color: white;border: none;box-shadow: none}
.pearone-color .set-text {height: 42px;line-height: 42px}
.pearone-color .color-title {padding: 15px 0 0px 20px;margin-bottom: 4px}
.pearone-color .color-content {padding: 15px 10px 0 20px}
.pearone-color .color-content ul {list-style: none;padding: 0px}
.pearone-color .color-content ul li {position: relative;display: inline-block;vertical-align: top;width: 70px;height: 50px;margin: 0 20px 20px 0;padding: 2px 2px 2px 2px;background-color: #f2f2f2;cursor: pointer;font-size: 12px;color: #666}
.pearone-color .color-content li.layui-this:after, .pearone-color .color-content li:hover:after {width: 100%;height: 100%;padding: 4px;top: -5px;left: -5px;border: #5fb878 2px solid;opacity: 1;border-radius: 4px}
.pearone-color .color-content li:after {content: '';position: absolute;z-index: 20;top: 50%;left: 50%;width: 1px;height: 0;border: 2px solid #f2f2f2;transition: all .3s;-webkit-transition: all .3s;opacity: 0}
.select-color {margin-bottom: 30px}
.select-color .select-color-title {padding: 15px 0 0px 20px;margin-bottom: 4px}
.select-color .select-color-content {padding: 20px 0 0px 0px;margin-bottom: 4px}
.select-color .select-color-content .select-color-item {background-color: gray;width: 30px;height: 30px;border-radius: 3px;float: left;margin-left: 20px;color: white;font-size: 18px;text-align: center;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);line-height: 30px}
.layui-badge {margin-top: 8px}
.layui-table-cell .layui-form-checkbox[lay-skin=primary] {margin-top: 7px}
body .layui-btn-zise {background-color: #d773e6}
body .layui-btn-fense {background-color: rgba(245, 131, 163, 0.91)}
body .layui-btn-lvse {background-color: #87bc3f}
body .pear-btn-black {background-color: #2c3e50;color: #fff}
.am-dropdown {position: relative;display: inline-block}
.am-dropdown-content {position: absolute;top: 100%;left: 0;z-index: 1020;display: none;float: left;min-width: 160px;margin: 9px 0 0;text-align: left;line-height: 1.6;background-color: #fff;border: 1px solid #ddd;border-radius: 0;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-animation-duration: .15s;animation-duration: .15s}
.am-dropdown-header {display: block;padding: 6px 20px;font-size: 12px;color: #999}
.am-dropdown-content:first-child {margin-top: 0}
ul.am-dropdown-content > li > a {display: block;padding: 5px 20px;clear: both;font-weight: 400;color: #333;font-size: 13px;white-space: nowrap}
ul.am-dropdown-content > li > a:focus, ul.am-dropdown-content > li > a:hover {text-decoration: none;color: #262626;background-color: #f5f5f5}
.am-dropdown-content:after, .am-dropdown-content:before {position: absolute;display: block;content: "";width: 0;height: 0;border: 8px dashed transparent;z-index: 1}
.am-dropdown-content:after, .am-dropdown-content:before {left: 10px;top: -16px;pointer-events: none}
.am-dropdown-content:before {border-bottom-color: #ddd;bottom: 0}
.file-library .layui-layer-content .file-group {float: left;width: 150px;padding-bottom: 10px}
.file-library .layui-layer-content .file-group .nav-new {overflow-y: auto;max-height: 340px}
.file-library .layui-layer-content .file-group .nav-new li {position: relative;margin: 3px 0;padding: 8px 23px}
.file-library .layui-layer-content .file-group .nav-new li a i.iconfont {font-size: 14px}
.file-library .layui-layer-content .file-group .nav-new li a.group-name {color: #595961;font-size: 13px;margin-left: 10px}
.file-library .layui-layer-content .file-group .nav-new li a.group-edit {display: none;position: absolute;left: 6px;top: 10px}
.file-library .layui-layer-content .file-group .nav-new li a.group-delete {display: none;position: absolute;right: 10px;top: 10px}
.file-library .layui-layer-content .file-group .nav-new li:hover, .file-library .layui-layer-content .file-group .nav-new li.active {background: rgba(48, 145, 242, 0.1);border-radius: 6px}
.file-library .layui-layer-content .layui-btn-group ul li dl dd {margin: 0}
.file-library .layui-layer-content .file-group .nav-new li:hover .group-name, .file-library .layui-layer-content .file-group .nav-new li.active .group-name {color: #0e90d2}
.file-library .layui-layer-content .file-group .nav-new li:hover .group-edit, .file-library .layui-layer-content .file-group .nav-new li:hover .group-delete {display: inline}
.file-library .layui-layer-content .file-group a.group-add {display: block;margin-top: 18px;font-size: 12px;padding: 0 30px}
.file-library .layui-layer-content .file-group a.group-add:hover {color: #0e90d2}
.file-library .layui-layer-content .file-list {float: left}
.file-library .layui-layer-content .file-list .v-box-header {padding: 0 20px 0 10px;margin-bottom: 10px}
.file-library .layui-layer-content .file-list .v-box-header .h-left .tpl-table-black-operation {margin: 0 10px}
.file-library .layui-layer-content .file-list .v-box-header .h-left .tpl-table-black-operation a {padding: 6px 10px}
.file-library .layui-layer-content .file-list .v-box-header .h-left .am-dropdown-toggle {font-size: 12px}
.file-library .layui-layer-content .file-list .v-box-header .h-left .am-dropdown-content a {font-size: 13px}
.file-library .layui-layer-content .file-list .v-box-header .h-rigth .upload-image .iconfont {font-size: 12px}
.file-library .layui-layer-content .v-box-body {max-width: 660px}
.file-library .layui-layer-content .v-box-body ul.file-list-item {overflow-y: auto;height: 373px;margin-top: 20px}
.file-library .layui-layer-content .v-box-body ul.file-list-item li {position: relative;cursor: pointer;border-radius: 6px;padding: 10px;border: 1px solid rgba(0, 0, 0, 0.05);float: left;margin: 7px;height: 145px;overflow: hidden;-webkit-transition: All 0.2s ease-in-out;-moz-transition: All 0.2s ease-in-out;-o-transition: All 0.2s ease-in-out;transition: All 0.2s ease-in-out}
.file-library .layui-layer-content .v-box-body ul.file-list-item li:hover {border: 1px solid #16bce2}
.file-library .layui-layer-content .v-box-body ul.file-list-item li .img-cover {width: 120px;height: 120px;background: no-repeat center center / 100%}
.file-library .layui-layer-content .v-box-body ul.file-list-item li p.file-name {margin: 5px 0 0 0;width: 120px;font-size: 13px}
.file-library .layui-layer-content .v-box-body ul.file-list-item li.active .select-mask {display: block}
.file-library .layui-layer-content .v-box-body ul.file-list-item li .select-mask {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);text-align: center;border-radius: 6px}
.file-library .layui-layer-content .v-box-body ul.file-list-item li .select-mask img {position: absolute;top: 50px;left: 45px}
.file-library .layui-layer-content .v-box-body ul.pagination {margin: 0}
.file-library .layui-layer-content .v-box-body ul.pagination > li > a, .file-library .layui-layer-content .v-box-body ul.pagination > li > span {padding: 3px 9px;font-size: 13px}
.am-ellipsis, .am-text-truncate {word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 4px 12px;line-height: 1.42857143;color: #23abf0;text-decoration: none;background-color: #fff;border: 1px solid #ddd;border-radius: 3px;margin: 0 2px}
.am-dropdown {position: relative;display: inline-block}
.am-dropdown-content {position: absolute;top: 100%;left: 0;z-index: 1020;display: none;float: left;min-width: 160px;margin: 9px 0 0;text-align: left;line-height: 1.6;background-color: #fff;border: 1px solid #ddd;border-radius: 0;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-animation-duration: .15s;animation-duration: .15s}
.am-dropdown-header {display: block;padding: 6px 20px;font-size: 12px;color: #999}
.am-dropdown-content:first-child {margin-top: 0}
ul.am-dropdown-content > li > a {display: block;padding: 5px 20px;clear: both;font-weight: 400;color: #333;font-size: 13px;white-space: nowrap}
ul.am-dropdown-content > li > a:focus, ul.am-dropdown-content > li > a:hover {text-decoration: none;color: #262626;background-color: #f5f5f5}
.am-dropdown-content:after, .am-dropdown-content:before {position: absolute;display: block;content: "";width: 0;height: 0;border: 8px dashed transparent;z-index: 1}
.am-dropdown-content:after, .am-dropdown-content:before {left: 10px;top: -16px;pointer-events: none}
.am-dropdown-content:before {border-bottom-color: #ddd;bottom: 0}
.uploader-list .file-item {float: left;width: 100px;position: relative;margin: 20px 20px 0 0;padding: 4px;border: 1px solid #ddd;background: #fff}
.uploader-list .file-item img {width: 100px;height: 100px}
.uploader-list .file-item .error {position: absolute;top: 4px;left: 4px;right: 4px;background: red;color: white;text-align: center;height: 20px;font-size: 1.3rem;line-height: 23px}
.uploader-list .file-item:hover .file-item-delete {display: block}
.uploader-list .file-item .file-item-delete {position: absolute;top: -10px;right: -10px;cursor: pointer;height: 22px;width: 22px;line-height: 22px;background: rgba(153, 153, 153, 0.7);border-radius: 50%;text-align: center;color: #fff !important;display: none}
.uploader-list .file-item .file-item-delete:hover {background: #000}
.hui-home-show .avatar {width: 90px;height: 90px;margin: 0 auto;position: relative;cursor: pointer}
.hui-home-show .avatar img {width: 100%;height: 100%;border-radius: 50%}
.hui-home-show .avatar .cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);border-radius: 50%;text-align: center;line-height: 90px;color: #eee;opacity: 0;transition: all .5s;font-size: 13px}
.hui-home-show .avatar i {position: absolute;left: -3px;top: -3px;bottom: -3px;right: -3px;border: 4px solid #ecab18;border-right-color: #5fb878;border-bottom-color: #5fb878;border-radius: 50%;-webkit-transition: all .5s;transition: all .5s}
.hui-home-show .avatar:hover .cover {opacity: 1}
.hui-home-show .avatar:hover i {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.hui-home-show .username, .hui-home-show .email {text-align: center;line-height: 30px;color: #666}
.hui-home-show .username {font-size: 16px;padding-top: 15px;color: #333}
.text-center {height: 30px !important;line-height: 30px !important;text-align: center !important}
